<!DOCTYPE html>
<html>

<head>
    <title>WebGL Fluid Dynamics based on Navier Stokes Equations</title>
    <meta name=description
        content="A WebGL fluid simulation demo based on the navier stokes equations for incompressible flow." />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel=canonical href="https://29a.ch/sandbox/2012/fluidwebgl/" />
    <link rel="stylesheet" href="style.css" />
</head>

<body style="height: 100%; width: 100%">
    <div id="header">
        <h1><a href="//29a.ch/">29a.ch</a></h1>
        <p><a href="//29a.ch/2012/12/16/webgl-fluid-simulation">More about this experiment</a></p>&nbsp;&nbsp;&nbsp;
        <p><a href="//29a.ch/experiments/">More Experiments &amp; Toys</a></p>
        <div id="social">
            <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal"
                data-via="29a_ch">Tweet</a>
            <div class="fb-like" data-send="true" data-layout=button_count data-width="90" data-show-faces="true"
                data-font="arial" data-colorscheme="dark"></div>
            <div class="g-plusone" data-size="medium" data-href="http://29a.ch/sandbox/2012/fluidwebgl/"
                data-count="true"></div>
        </div>
    </div>
    <div id="cc">
        <canvas id=c width=1280 height=720></canvas>
    </div>
    <div id="video">
        <p>Your system does not support WebGL which is required for this demo. You can try to
            <a href="http://get.webgl.org/">get WebGL</a> to work or try out the older, more simple,
            <a href="//29a.ch/sandbox/2012/fluidcanvas/">canvas version</a> of this demo.
    </div>
    <div id="footer">
        An experiment by <a href="https://29a.ch/" rel="author">Jonas Wagner</a></p>
    </div>
    <script data-main=src/main src=lib/require.js></script>
    <script src=/a.js async></script>
</body>

</html>